
<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <style type="text/css">
  div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:'微软雅黑';}
  table{border-collapse:collapse;border-spacing:0}
  fieldset,img{border:0}
  address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
  ol,ul,li{list-style:none}
  caption,th{text-align:left}
  h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
  q:before,q:after{content:''}
  abbr,acronym{border:0}
  *{text-decoration:none;-webkit-tap-highlight-color: transparent;}
  a:active{color:#000}
  html{-webkit-text-size-adjust: none;}
  section {
   background-color: #ffffff;
  }
  body {
   background-color: #ffffff;
   display: flex;
   justify-content: center;
   align-items: center;
  }

  .container {
   width: 640px;
   height: 80px;
   margin-top: 50px;
   background-color: #ffffff;
  }
  .container .head {
   width: 640px;
   height: 80px;
   background-image: url("http://project.ico2sto.com/venus/images/logo-white.png");
   background-size: cover;
   background-position: center;
  }
  .container .body {

   margin: 15px 15px 0 15px;
  }
  .container .body .title {
   font-family: PingFangHK-Light;
   font-size: 26px;
   color: #2E2E2E;
   letter-spacing: 1px;
  }
  .container .body .message {
   display: block;
   margin: 15px 0 15px 0;
  }
  .container .body .message .line {
   font-family: PingFangHK-Light;
   font-size: 14px;
   color: #333333;
   letter-spacing: 0;
   line-height: 30px;
  }
  .container .body .button {
   display: block;
   background: #9F130E;
   border-radius: 3.9px;
   width: 132px;
   height: 40px;
   font-family: PingFangSC-Regular;
   font-size: 14px;
   color: #FFFFFF;
   letter-spacing: 2px;
   text-align: center;
   line-height: 40px;
  }
  .container .body .attention {
   padding: 15px 0 15px 0;
  }
  .container .body .attention .title {
   font-family: PingFangHK-Regular;
   font-size: 18px;
   color: #2E2E2E;
   letter-spacing: 0.69px;
   overflow: hidden;
  }
  .container .body .attention .message {
   font-family: PingFangHK-Light;
   font-size: 14px;
   color: #3C464F;
   letter-spacing: 0;
   line-height: 24px;
   word-break:break-all;
  }
 </style>
</head>
<body class="body">
<div class="container">
 <section class="head">
 </section>
 <section class="body">
  <div class="title">
   Account registration activation
  </div>
  <dd class="message">
   <dl class="line">
    Hi ${email},
   </dl>
   <dl class="line">
    You are only one step away from registration. Click the activation button below to complete the registration.
   </dl>
  </dd>
  <a class="button" href="${callbackurl}">
   Immediate activation
  </a>
  <div class="attention">
   <div class="title">
    If the click is invalid, please copy the bottom address in the browser to complete the activation:
   </div>
   <div class="message">
    ${callbackurl}
   </div>
  </div>
 </section>
 <section class="foot">
 </section>
</div>
</body>
</html>

